'use client';

import { useState, useEffect } from 'react';

export const DelayedContent = ({ children }: { children: React.ReactNode }) => {
  const [show, setShow] = useState(false);

  useEffect(() => {
    const timer = setTimeout(() => {
      setShow(true);
    }, 500); // 500ms 延迟

    return () => clearTimeout(timer);
  }, []);

  if (!show) {
    return null;
  }

  return <>{children}</>;
}; 